<template>
  <div>
    <div class="duixian" >
      <a href="http://localhost:8084/" target="_blank">
      <button>
        <div class="hea" style="cursor:pointer">
          <img style="margin-top: 20px" src="/images/hall_01.png" alt="" />
          <h1 style="color: white">政策兑现</h1>
        </div>
        <div class="bod">
          <p>业务流程</p>
          <p>
            企业提交政策兑现申请--政策兑现办初审和政策审核--业务部门业务审核--财政部门资金审核--业务部门主任审定--财政部门拨款
          </p>
        </div>
      </button>
      </a>
    </div>
      <div class="duixian" >
      <a href="http://localhost:8089/" target="_blank">
      <button style="background:#88C345">
        <div class="hea" style="cursor:pointer" >
          <img style="margin-top: 20px" src="/images/hall_02.png" alt="" />
          <h1 style="color: white">档案管理</h1>
        </div>
        <div class="bod" style="background:#7CB43C">
          <p>业务流程</p>
          <p>
            获取了解项目信息--了解项目指南--准备相关材料--材料 送审--项目公示--申报成功--正式立项--开启项目会议-- 验收项目--归档资料
          </p>
        </div>
      </button>
      </a>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style >
.duixian {
  margin: 20px auto;
}
.duixian button {
  padding-top: 10px;
  margin: 0px auto;
  width: 800px;
  background-color: #f1b344;
  border: none;
  height: 150px;
  display: flex;
  justify-content: center;
}
.hea {
  background: url("/images/hallS_01.png") no-repeat center;
  width: 130px;
  height: 130px;
}
.bod {
  height: 130px;
  width: 600px;
  background: #dfa53e;
  color: white;
}
</style>